<%--
  Created by IntelliJ IDEA.
  User: danielhonig
  Date: Sep 9, 2008
  Time: 12:11:37 AM
  To change this template use File | Settings | File Templates.
--%>

<%@ page contentType="text/html;charset=UTF-8" %>
<html>
<head>
    <title>Dailog Stress Test</title>
    <meta name="layout" content="main" />
    <gui:resources components="dialog, richEditor, autoComplete" mode="minimal"/>
    <style type="text/css">
        /*margin and padding on body element
          can introduce errors in determining
          element position and are not recommended;
          we turn them off as a foundation for YUI
          CSS treatments. */
    body {
        margin: 0;
        padding: 0;
    }
    </style>
</head>

<body style="font-family: sans-serif">
<div class="yui-skin-sam" style="padding:50px">

    <h1>Dailog Stress Test</h1>

    <g:each var="val" in="${(1..<51)}">

        <!--
            This dialog wraps up a link that triggers it when clicked
        -->
        <gui:dialog
                id="dialog_${val}"
                title="Triggered by a link"
                triggers="[show:[type:'link', text:'Click me to get happy (' + val + ')!', on:'click']]">
            <h1>${val}</h1>
        <img src="${createLinkTo(dir:'/images', file:'marshmallow.gif')}" alt="Happy Marshmallow!"/>
        <img src="${createLinkTo(dir:'/images', file:'marshmallow.gif')}" alt="Happy Marshmallow!"/>
        <img src="${createLinkTo(dir:'/images', file:'marshmallow.gif')}" alt="Happy Marshmallow!"/>
        <br/>
        <img src="${createLinkTo(dir:'/images', file:'marshmallow.gif')}" alt="Happy Marshmallow!"/>
        <img src="${createLinkTo(dir:'/images', file:'marshmallow.gif')}" alt="Happy Marshmallow!"/>
        <img src="${createLinkTo(dir:'/images', file:'marshmallow.gif')}" alt="Happy Marshmallow!"/>
        </gui:dialog>

    </g:each>

</div>

</body>

</html>